<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>边框相关属性</title>
</head>
<style>
    table{
        /*边框颜色*/
        /*border-color: yellow;*/
        /*边框样式 dashed-虚线、solid-实线*/
        /*border-style: dashed;*/
        /*边框宽度*/
        /*border-width: 3px;*/
        /*相邻的边框合并 collapse-合并、separate-不合并*/
        border-collapse: collapse;
        /*相邻单元格之间的水平与垂直间距(在不使用border-collapse情况下生效)*/
        /*border-spacing: 20px 20px;*/

      /*复合属性  */
        border: skyblue solid 2px;
    }
    td,th{
        border: black solid 2px;
    }
</style>
<body>
<table>
    <caption>人员信息</caption>
    <thead>
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>政治面貌</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>小红</td>
            <td>12</td>
            <td>男</td>
            <td>党员</td>
        </tr>
        <tr>
            <td>2</td>
            <td>小蓝</td>
            <td>31</td>
            <td>男</td>
            <td>党员</td>
        </tr>
        <tr>
            <td>3</td>
            <td>小黄</td>
            <td>21</td>
            <td>男</td>
            <td>党员</td>
        </tr>
    </tbody>
</table>
</body>
</html>